/*
* This is Model Css
* Author: Mr.Liu
* Start Time: 2015-11-2
*/

/*common*/
*{font-family: "Microsoft Yahei";}

ul,li{list-style-type: none;}
img{border: 0;}

/*container*/
.container{width: 100%; overflow: hidden;}

/*rows*/
.rows{width: 1200px; margin: 0 auto; overflow: hidden;}

/*clear*/
.clear{width: 100%; height: 30px; clear: both; overflow: hidden;}
.clear_left{clear: left;}
.clear_right{clear: right;}

/*float*/
.float_left{float: left;}
.float_right{float: right;}

/*.header*/
.header{width: 100%; height: 150px;}
	.header_line{width: 100%; height: 6px; overflow: visible; position: relative;}
	.header_line .green_line{width: 50%; background: #ABCF63; height: 6px; font-size: 0; overflow: hidden; float: left;}
	.header_line .blue_line{width: 50%; background: #0066CB; height: 6px; font-size: 0; overflow: hidden; float: right;}
	.header_line .red_line{width: 234px; position: absolute; overflow: hidden; height: 6px; background: #F36D6E; left: 50%; margin-left: -117px;}

	.wel{width: 100%; border-bottom: 1px solid #EAEAEA; height: 38px;}
	.wel .welcome{float: left; height: 38px; line-height: 38px; font-size: 14px; color: #a6a6a6;}

	.sethome{float: right; color: #a6a6a6;}
	.sethome a{color: #a6a6a6; font-size: 14px; line-height: 38px; height: 38px;}

	.logo{padding-top: 20px;}

	.tel{text-align: right; line-height: 230%; padding-top: 25px; font-size: 14px; color: #555; margin-right: 35px;}
	.tel .icon{background: url(../images/tel_icon.jpg) no-repeat left top; width: 28px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 5px;}
	.tel span{font-size: 20px; color: #f36d6e; font-weight: 700;}

	.add{text-align: right; line-height: 230%; padding-top: 25px; font-size: 14px; color: #555;}
	.add .icon{background: url(../images/add_icon.jpg) no-repeat left top; width: 28px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 5px;}
	.add span{color: #9d9d9d;}

/*.nav*/
.nav{width: 100%; height: 51px; background: url(../images/nav_bg.jpg) repeat-x left top;}
.nav ul{width: 100%;}
.nav ul li{float: left; width: 127px; overflow: hidden;}
.nav ul li a{display: block; text-align: center; color: #555; height: 51px; line-height: 51px; background: url(../images/nav_a_bg.jpg) no-repeat right top; font-size: 14px;}
.nav ul li a:hover{color: #FFF; background: url(../images/nav_a_bg.jpg) no-repeat left top;}
.nav ul li.home_icon{width: 51px; height: 51px; background: url(../images/home_icon.jpg) no-repeat left top;}
.nav ul li.home_icon a{display: block; height: 51px; text-indent: -9999px; background: none;}

/*.banner*/
.banner{ width:100%;  position:relative;  height:480px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:480px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:480px; }
.banner .hd{ width:100%;  position:absolute; z-index:999; bottom:3px; left:0; height:30px; line-height:30px; }
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;		filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 	}
.banner .hd ul .on{ background:#f00;  }
.banner .prev,
.banner .next{  display:block;  position:absolute; z-index:100; top:50%; margin-top:-30px; left:15%; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{ left:auto; right:15%; background-position:-6px -137px; }

/*.main*/
.main{width: 100%;}

	/*focus*/
	.focus{width: 289px; height: 216px; position: relative;}
	.focus .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.focus .bd ul{ width:100% !important;  }
	.focus .bd li{ width:100% !important;  height:480px; overflow:hidden; text-align:center;  }
	.focus .bd li a{ display:block; height:480px; }
	.focus .hd{ width:100%;  position:absolute; z-index:999; bottom:3px; left:0; height:10px; line-height:10px; }
	.focus .hd ul{ text-align:center; }
	.focus .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:5px; margin:1px; overflow:hidden; background:#000;		filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 	}
	.focus .hd ul .on{ background:#f00;  }
	.focus .prev,
	.focus .next{  display:block;  position:absolute; z-index:100; top:50%; margin-top:-30px; left:0; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	.focus .next{ left:auto; right:0; background-position:-6px -137px; }

	/*about*/
	.about{width: 548px; height: 216px; background: url(../images/about_bg.jpg) no-repeat left top; margin-left: 31px;}
	.about .top{width: 100%; height: 65px;}
	.about .top h2{text-indent: -9999px;}
	.about .bot{width: 490px; margin: 0 auto; font-size: 14px; color: #FFF; line-height: 200%;}
	.about .bot a{color: #4B4D4C;}

	/*search contact*/
	.sea_con_box{width: 302px; height: 216px; background: #397DD0;}
	.sea_con_box .search{width: 302px; height: 114px;}
	.sea_con_box .search .top{width: 244px; height: 50px; margin: 0 auto;}
	.sea_con_box .search .top h2{color: #FFF; padding-top: 23px;}
	.sea_con_box .search .bot{width: 244px; margin: 0 auto;}
	.sea_con_box .search .bot .keywords{width: 185px; background: #FFF; border: 0; float: left; height: 28px; line-height: 28px; text-indent: 10px;}
	.sea_con_box .search .bot .search_btn{width: 59px; height: 28px; background: #99C24C; text-align: center; line-height: 28px; color: #FFF; border: 0;}
	.sea_con_box .contact_icon{width: 302px; height: 102px; background: url(../images/contact_icon.jpg) no-repeat left top;}
	.sea_con_box .contact_icon a{display: block; float: left; height: 102px; width: 101px; text-indent: -9999px;}
	.sea_con_box .contact_icon .qq{}
	.sea_con_box .contact_icon .wb{width: 100px;}
	.sea_con_box .contact_icon .wx{}
	.sea_con_box .contact_icon .wx span{display: none; width: 102px; height: 101px; text-indent: 0; padding-top: 1px;}
	.sea_con_box .contact_icon .wx span img{width: 102px;height: 102px;}
	
	/*product*/
	.product{width: 100%; height: 260px; overflow: hidden; background: #F6F6F6; padding: 35px 0;}
	.product .top{width: 100%; height: 34px;}
	.product .top h2{width: 97px; height: 34px; background: url(../images/product_h2_bg.jpg) no-repeat left top; text-indent: -9999px; float: left;}
	.product .top .type{float: left; width: 890px; padding-left: 22px;}
	.product .top .type a{display: block; float: left; height: 34px; padding: 0 15px; line-height: 34px; color: #6A6869; background: #E1DFE0; border-radius: 5px; behavior: url('PIE.htc'); margin-right: 10px;}
	.product .top .type a:hover{background: #397DD0; color: #FFF;}
	.product .top .arrow{width: 73px; height: 30px; float: right;}
	.product .top .arrow ul{display: none;}
	.product .top .arrow a.left_arrow{width: 34px; height: 30px; background: url(../images/product_arrow.jpg) no-repeat left top; float: left;}
	.product .top .arrow a.left_arrow:hover{background: url(../images/product_arrow.jpg) no-repeat left bottom;}
	.product .top .arrow a.right_arrow{width: 34px; height: 30px; background: url(../images/product_arrow.jpg) no-repeat right top; float: right;}
	.product .top .arrow a.right_arrow:hover{background: url(../images/product_arrow.jpg) no-repeat right bottom;}
	.product .bot{width: 100%; padding-top: 34px;}
	.product .bot ul{}
	.product .bot ul li{float: left; margin-right: 26px; text-align: center; width: 219px;}
	.product .bot ul li a{font-size: 14px; line-height: 250%;}
	.product .bot ul li img{width: 218px; height: 152px;}

	/*contact*/
	.contact{width: 332px; height: 271px;}
	.contact .top{width: 332px; height: 77px; background: url(../images/contact_h2_bg.jpg) no-repeat left top;}
	.contact .top h2{text-indent: -9999px;}
	.contact .bot{width: 300px; height: 153px; border: 1px solid #E8E8E8; padding: 10px 15px; font-size: 14px; line-height: 180%; color: #555;}

	/*news*/
	.news{width: 475px; height: 271px; padding-left: 31px;}
	.news .top{width: 100%; height: 30px; padding-top: 1px;}
	.news .top h2{width: 97px; height: 34px; background: url(../images/news_h2_bg.jpg) no-repeat left top; text-indent: -9999px;}
	.news .top .arrow{width: 73px; height: 30px; float: right;}
	.news .top .arrow ul{display: none;}
	.news .top .arrow .left_arrow{width: 34px; height: 30px; background: url(../images/product_arrow.jpg) no-repeat left top; float: left;}
	.product .top .arrow a.left_arrow:hover{background: url(../images/product_arrow.jpg) no-repeat left bottom;}
	.product .top .arrow a.right_arrow{width: 34px; height: 30px; background: url(../images/product_arrow.jpg) no-repeat right top; float: right;}
	.product .top .arrow a.right_arrow:hover{background: url(../images/product_arrow.jpg) no-repeat right bottom;}
	.product .bot{width: 100%; padding-top: 34px;}
	.product .bot ul{}
	.product .bot ul li{float: left; margin-right: 26px; text-align: center; width: 219px;}
	.product .bot ul li a{font-size: 14px; line-height: 250%;}

	/*contact*/
	.contact{width: 332px; height: 271px;}
	.contact .top{width: 332px; height: 77px; background: url(../images/contact_h2_bg.jpg) no-repeat left top;}
	.contact .top h2{text-indent: -9999px;}
	.contact .bot{width: 300px; height: 153px; border: 1px solid #E8E8E8; padding: 10px 15px; font-size: 14px; line-height: 180%; color: #555;}

	/*news*/
	.news{width: 475px; height: 271px; padding-left: 31px;}
	.news .top{width: 100%; height: 30px; padding-top: 1px; clear: both; overflow: hidden;}
	.news .top h2{width: 97px; height: 34px; background: url(../images/news_h2_bg.jpg) no-repeat left top; text-indent: -9999px;}
	.news .top .arrow{width: 73px; height: 30px; float: right;}
	.news .top .arrow ul{display: none;}
	.news .top .arrow .left_arrow{width: 34px; height: 30px; background: url(../images/product_arrow.jpg) no-repeat left top; float: left;}
	.news .top .arrow .left_arrow:hover{background: url(../images/product_arrow.jpg) no-repeat left bottom;}
	.news .top .arrow .right_arrow{width: 34px; height: 30px; background: url(../images/product_arrow.jpg) no-repeat right top; float: right;}
	.news .top .arrow .right_arrow:hover{background: url(../images/product_arrow.jpg) no-repeat right bottom;}
	.news .bot{width: 100%; height: 216px; padding-top: 10px;}
	.news .bot ul{}
	.news .bot ul li{width: 100%; height: 64px; margin-bottom: 10px;}
	.news .bot ul li .pic{float: left; width: 90px; height: 64px;}
	.news .bot ul li .pic img{width: 90px; height: 64px;}
	.news .bot ul li .tit{float: right; width: 370px; font-size: 14px;}
	.news .bot ul li .stit{float: right; width: 370px; font-size: 14px; line-height: 150%; color: #929292;}

	/*message*/
	.message{width: 322px; height: 271px;}


/*footer*/
.footer{width: 100%; height: 49px; line-height: 49px; background: #44566A;}
	.copy{float: left; font-size: 14px; color: #9dadbc;}
	.copy span{font-family: "Arial";}
	.copy a{color: #9dadbc;}

	.snav{float: right; color: #9dadbc; font-size: 12px;}
	.snav a{color: #9dadbc;}


/*
* List Page Css
* Start Time: 2015-11-3
*/
.list{}

.list .banner{}
.list .main{width: 100%; overflow: hidden;}

	.list .main .float_left{width: 245px; position: absolute; margin-top: -58px;}
	.list .main .float_right{width: 955px; min-height: 900px;}

	/*productList*/
	.productList{width: 245px;}
	.productList .top{width: 245px; height: 89px; background: url(../images/productList_h2_bg.png) no-repeat left top;}
	.productList .top h2{text-indent: -9999px;}
	.productList .bot{width: 245px; background: #ABCF63; overflow: hidden;}
	.productList .bot ul{width: 210px; background: #3477C8; float: right;}
	.productList .bot ul li{width: 210px; border-bottom: 1px solid #73AFE3; height: 52px; position: relative;}
	.productList .bot ul li a{font-size: 14px; color: #FFF; line-height: 52px; text-indent: 28px; display: block; z-index: 1; position: absolute; display: block; height: 52px; width: 245px;}
	.productList .bot ul li span{width: 210px; height: 52px; background: #ABCF63; display: block; left: -245px; top: 0; position: absolute;}
	/*listContact*/
	.listContact{background: url(../images/listContact_bg.jpg) #d53c3c no-repeat top;}
	.listContact #top{height: 160px;display: block;width: 100%;}
	.listContact p{width:95%;margin:0 auto;line-height: 30px;color: #fff;font-family:"Microsoft Yahei";font-size:14px;}
	.listContact p a{color: #fff;}
	/*.location*/
	.location{width: 1005px; height: 51px; background: #EDEDED;/* margin: 38px 0 0 -51px;*/ font-size: 14px; line-height: 51px; color: #939393;}
	.location i{float: left; width: 51px; height: 51px; background: url(../images/location_icon.jpg) no-repeat left top;}
	.location a{color: #939393;}

	/*.contentBox*/
	.contentBox{width: 890px; margin: 0 auto; overflow: hidden; font-size: 14px; line-height: 220%; color: #555;}

/*.newslist*/
.newslist{width: 100%;}
.newslist li{width: 100%; padding: 7px 0; border-bottom: 1px dashed #CCC; text-indent: 5px;}
.newslist li a{}

/*.page*/
.page{text-align: right; padding: 10px 0; clear: both;}

/*news_info*/
.news_title{width: 100%; font-size: 18px; padding: 10px 0; border-bottom: 1px solid #DDD; text-align: center;}
.news_meta{width: 100%; padding: 5px; color: #666; text-align: center;}
.news_img{width: 100%; padding: 5px 0; text-align: center;}
.news_img img{max-width: 600px;}
.news_content{width: 100%; line-height: 250%;}
.news_content table{width: 100%;}
.news_content table, .news_content tr, .news_content td{border: 1px solid #CCC; padding: 5; text-align: center;}
.news_con_tit{width: 100%; clear: both; border-bottom: 1px solid #CCC; margin-bottom: 10px;}
.news_con_tit b{background: #EEE; display: block; padding: 0 5px; width: 100px; text-align: center;}
#prev_next{width: 100%; line-height: 200%; border-top: 1px dashed #CCC; overflow: hidden;}

/*.pro_list*/
.pro_list{width: 100%;}
.pro_list li{float: left; width: 240px; text-align: center; overflow: hidden; margin-left: 30px; margin-bottom: 10px;}
.pro_list li img{width: 250px; height: 200px;}

/*.case_list*/
.case_list{width: 100%;}
.case_list li{float: left; width: 254px; text-align: center; overflow: hidden; margin-left: 30px; margin-bottom: 10px;}
.case_list li img{width: 250px; border: 1px solid #DDD; padding: 1px;height: 190px;}

/*pro_info*/
.product_title{text-align: left; border-bottom: 1px solid #CCC; width: 520px; float: right;}

/* box */
.preview{width:362px; height:auto; float: left; overflow:hidden;}
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width: 100%; overflow: hidden;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;width: 360px;height: 270px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:250px;height:250px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index: 999; visibility: hidden; position: absolute; top:0px; left:0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #FFF 50% top  no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:360px;height:270px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:362px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

	/*order*/
	.order{}
	.order tr{}
	.order td{padding: 5px 0;}
	.order .t_r{width: 80px; text-align: right;}
	.order #name{width: 250px; height: 30px; border: 1px solid #DDD; text-indent: 5px;}
	.order #tel{width: 250px; height: 30px; border: 1px solid #DDD; text-indent: 5px;}
	.order #add{width: 350px; height: 30px; border: 1px solid #DDD; text-indent: 5px;}
	.order #email{width: 250px; height: 30px; border: 1px solid #DDD; text-indent: 5px;}
	.order #content, .order #note{width: 550px; height: 150px; border: 1px solid #DDD; padding: 5px;}
	.order #captcha{width: 60px; height: 30px; border: 1px solid #DDD; float: left; text-align: center;}
	.order #submit{background: #3477C8; border: 0; padding: 10px 20px; font-size: 14px; color: #FFF;}

	/*jobs*/
	.jobs{width: 100%;}
	.jobs li{width: 100%; overflow: hidden;}
	.jobs li p{float: left;}
	.jobs li a{float: right; width: 100px; height: 100%; display: block; height: 110px; background: #3477C8; line-height: 110px; color: #FFF; text-align: center;}